#swiper-previewImage {
  display: none;
  position: fixed;
  z-index: 19860601;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
}

#swiper-previewImage .swiper-zoom-container>video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#swiper-previewImage .swiper-zoom-container>.controls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

#swiper-previewImage .swiper-zoom-container>.controls>span {
  position: absolute;
  top: 0;
  right: 0;
}

#swiper-previewImage .swiper-zoom-container>.controls>.close {
  width: 1rem;
  height: 1rem;
  background: url(/asset/img/btn_close_newplay.png) center/0.5rem 0.5rem no-repeat;
  transition: opacity 400ms;
}

#swiper-previewImage .swiper-zoom-container>.controls>.close.out {
  opacity: 0;
  pointer-events: none;
}

#swiper-previewImage .swiper-zoom-container>.controls>.pause {
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto;
  background: url(/asset/img/btn_pause.png) center/100% 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#swiper-previewImage .swiper-zoom-container>.controls>.pause.out {
  -webkit-transform: scale(3);
  transform: scale(3);
  opacity: 0;
}